.wp-block-jetpack-timeline {
  margin: 0;
  padding-left: 8px; }
  .wp-block-jetpack-timeline li {
    list-style-type: none;
    position: relative;
    position: relative;
    padding: 12px 24px;
    border-radius: 4px;
    margin-left: 24px;
    margin-bottom: 24px; }
    .wp-block-jetpack-timeline li .timeline-item__bubble {
      display: block;
      width: 0;
      height: 0;
      border-top: 8px solid transparent !important;
      border-right: 10px solid #eee;
      border-bottom: 8px solid transparent !important;
      position: absolute;
      top: 50%;
      transform: translateY(-8px);
      left: -10px; }
    .wp-block-jetpack-timeline li .timeline-item::after {
      content: "";
      display: block;
      background: #320467;
      position: absolute;
      left: -28px;
      top: -24px;
      bottom: -24px;
      width: 4px; }
    .wp-block-jetpack-timeline li.wp-block-jetpack-timeline-item:first-child .timeline-item::after {
      top: 50%; }
    .wp-block-jetpack-timeline li.wp-block-jetpack-timeline-item:last-child .timeline-item::after {
      bottom: 50%; }
    .wp-block-jetpack-timeline li .timeline-item__dot {
      display: block;
      border: 4px solid #320467;
      width: 16px;
      height: 16px;
      position: absolute;
      z-index: 1;
      border-radius: 50%;
      top: 50%;
      transform: translateY(-8px);
      left: -34px;
      box-sizing: border-box;
      background-color: #fff; }
